//获取dom元素
const logout = document.querySelector('.logout');//退出 按钮
// 左侧 导航栏 dom元素 数组
//一级菜单 dom元素选中
const navUlLi = document.querySelectorAll('.nav>li>a');
//二级菜单 dom元素选中
const navLiUlLiA = document.querySelectorAll('.nav>li>ul>li>a');
const init = document.querySelector('.init');//点我初始化的菜单
// console.log(navLiUlLiA);

//退出按钮的点击事件=====================================================================
logout.addEventListener('click', function (e) {
    if (confirm("不要退出嘛")) {
        localStorage.removeItem("token");
        location.href = "login.html";
    };
});

//一级标签的点击事件=====================================================================
navUlLi.forEach(item => {
    item.addEventListener("click", () => {
        //原生写法
        //找到它的兄弟元素 点击切换他的属性 
        // item.nextElementSibling.classList.toggle("show")

        // jquery写方  
        // 很好玩的,但是是旧时代 优秀操作dom元素 的js库
        // $(item).next().toggle();//toggle 写法 ：直接切换；直接通过行内样式修改
        // $(item).next().toggle(200);//toggle 写法 ：直接切换 内部形参 控制切换时间
        // $(item).next().fadeToggle();//fadeToggle 效果 淡化消失
        $(item).next().slideToggle();//slideToggle 效果 向上消失
    })
});

//二级标签的点击事件=====================================================================
navLiUlLiA.forEach(item => {
    item.addEventListener("click", () => {
        document.querySelector(".active").classList.remove("active")
        item.classList.add("active")
        // console.log(this);
    })
});

//初始化标签的点击事件=====================================================================
init.addEventListener('click', async (e) => {
    const fuck = await axios({
        url: "/init/data",
    })
    location.href = ""
})
